<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表盘</title>
</head>
<body>
<div id="main" style="height: 500px;width: 500px"></div>
</body>
<script src="../echarts/dist/echarts.min.js"></script>
<script>
    var mychart=echarts.init(document.getElementById('main'));
    option={
        tooltip:{
            formatter:"{a} </br> {b}:{c}%"
        },
        toolbox:{
            feature:{
                restore:{},
                saveAsImage:{}
            }
        },
        series:[
            {
                name:'业务指标',
                type:'gauge',
                ditail:{formatter:'{value}%'},
                data:[{value:50,name:'完成率'}]
            }
        ]
    };
    mychart.setOption(option);
</script>
</html>